import React from "react";

import styles from "./Index.module.css";
import { Avatar } from "antd-mobile";
import { useNavigate } from "react-router-dom";
function Index() {
  const nav = useNavigate();
  return (
    <div className={styles.myz}>
      <div className={styles.nav}>智慧医院平台</div>

      <div className={styles.user}>
        <div>
          <Avatar className={styles.tou} src={""} />
        </div>

        <div>
          <div className={styles.name}>StarYun</div>
          <div className={styles.guan} onClick={()=>nav('/jia')}>家庭管理(2人管理中){">"}</div>
        </div>
      </div>

      <div className={styles.tiao} onClick={()=>nav('/zhendetail')}>
        <div>
          <div className={styles.name2}>
            王*柯<span style={{ marginLeft: "8px" }}>(本人)</span>
          </div>

          <div className={styles.hao}>登记号:2015****10</div>
        </div>

        <div>
          <img src="./ewm.png" alt="" />
        </div>
      </div>

      <div className={styles.zhen}>
        <div>诊疗记录</div>
        <div className={styles.gong}>
          <dl>
            <ul>
              <img src="" alt="" />
            </ul>
            <li>挂单订号</li>
          </dl>
          <dl>
            <ul>
              <img src="" alt="" />
            </ul>
            <li>医嘱订单</li>
          </dl>
          <dl>
            <ul>
              <img src="" alt="" />
            </ul>
            <li>就诊记录</li>
          </dl>
          <dl onClick={()=>nav('/men')}>
            <ul>
              <img src="" alt="" />
            </ul>
            <li>门诊病历</li>
          </dl>
        </div>
      </div>

      <div className={styles.set}>
        <div
          style={{ marginLeft: "10px", fontWeight: "bold", fontSize: "15px" }}
        >
          服务设置
        </div>
        <div className={styles.gong}>
          <dl>
            <ul>
              <img src="" alt="" />
            </ul>
            <li>我的关注</li>
          </dl>
          <dl>
            <ul>
              <img src="" alt="" />
            </ul>
            <li>地址管理</li>
          </dl>
          <dl>
            <ul>
              <img src="" alt="" />
            </ul>
            <li>意见反馈</li>
          </dl>
          <dl>
            <ul>
              <img src="" alt="" />
            </ul>
            <li>帮助中心</li>
          </dl>
          <dl>
            <ul>
              <img src="" alt="" />
            </ul>
            <li>信用守约</li>
          </dl>
          <dl>
            <ul>
              <img src="" alt="" />
            </ul>
            <li>关于我们</li>
          </dl>
          <dl onClick={()=>nav('/shezhi')}>
            <ul>
              <img src="" alt="" />
            </ul>
            <li>设置</li>
          </dl>
        </div>
      </div>

     
    </div>
  );
}

export default Index;
